﻿body
{
    margin: 15px 0 0 0;
    padding: 0;
    background-color: #000;
}
.menu ul
{
    margin: 0;
}
.menu li
{
    list-style-type: none;
    display: inline-block;
    padding: 2px 5px;
    background-color: #808080;
}
.menu li.selected
{
    background-color: #fff;
}
.menu li:hover
{
    background-color: #fff;
    cursor: pointer;
}
.menu li a, li a:link
{
    color: #fff;
    text-decoration: none;
}
.menu li a:hover
{
    color: #000;
}
.menu li.selected a, li.selected a:link
{
    color: #000;
}
.menu
{
    background-color: #000;
    color: #fff;
}
.submenu
{
    margin: 0 15px;
    background-color: #fff;
}
.submenu .line
{
    width: 95%;
    border-bottom: 1px solid #000;
    margin: 0 auto;
}
.submenu .seperator 
{
    width: 1px;
    height: 5px;
    background-color: #000;
    margin: auto 0;
}
.submenu a,
.submenu a:link 
{
    color: #000;
    text-decoration: underline;
}
.submenu ul
{
    margin: 0;
}
.submenu li
{
    list-style-type: none;
    display: inline-block;
    padding: 5px 7px;
}
.submenu a,
.submenu a:link 
{
    color: #000;
    text-decoration:none;
}
.submenu a:hover 
{
    text-decoration:underline;
}

.content
{
    margin: 0 15px;
    background-color: #fff;
    min-height: 350px; /* TODO: Remove this when you have added content */
}

.content a,
.content a:link 
{
    color: #000;
    text-decoration: underline;
}
.content ul
{
    margin: 0;
}
.content li
{
    list-style-type: none;
    padding: 2px 5px;
}